<template>
	<view class="withdraw">
		<form @submit="submitForm">
			<view class="list">
				<view class="name">地址</view>
				<input type="text" placeholder="请在此处粘贴地址" name="addr">
			</view>
			<view class="list">
				<view class="flex-between">
					<view class="name">地址</view>
					<view class="p">
						<text>当前可提</text>
						0.0000USDT
					</view>
				</view>
				<view class="flex-between">
					<input type="text" placeholder="最小提现数量10" name="money">
					<view class="right flex">
						<view class="dw">USDT</view>
						<view class="btn">全部</view>
					</view>
				</view>
			</view>
			<view class="list">
				<view class="flex-between">
					<view class="name">验证码</view>
					<text>向号码15365985544发送验证码</text>
				</view>
				<view class="flex-between">
					<input type="text" placeholder="请在此处粘贴地址" name="code">
					<view class="yzCode flex-center">{{codeText}}</view>
				</view>
			</view>
			<view class="list">
				<view class="name">资金密码</view>
				<input type="text" placeholder="输入资金密码" name="password">
			</view>
			<view class="tip">
				<text>手续费</text>
				5.0USDT
			</view>
			<view class="tip">
				<text>实际到账</text>
				0.0000USDT
			</view>
			<view class="tip">
				<text>最小提现数量:10USDT,请您务必在提币操作前，仔细核对提币地址信息</text>
			</view>
			<button class="flex-center">提现</button>
		</form>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				codeText:"获取验证码"
			};
		},
		methods:{
			submitForm(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="less">
	page{
		background: white;
	}
	@color:#d4237a;
	.withdraw{
		padding: 0 30rpx;
		.list{
			border-bottom: 1px solid #eee;
			padding-top: 20rpx;
			.name{
				font-size: 30rpx;
				font-weight: bold;
			}
			input{
				height: 80rpx;
				width: 100%;
				font-size: 34rpx;
			}
			.p{
				font-size: 26rpx;
				color:#333;
			}
			text{
				font-size: 26rpx;
				color:#999;
			}
			.right{
				width: 50%;
				.dw{
					width: 50%;
					border-right:1px solid #ddd;
					color:#999;
				}
				.btn{
					width: 50%;
					text-align: right;
					color:@color;
				}
			}
			.yzCode{
				width: 40%;
				font-size: 32rpx;
				color: @color;
			}
		}
		.tip{
			font-size: 32rpx;
			padding: 15rpx 0;
			text{
				color:#666;
				font-size: 28rpx;
			}
		}
		button{
			background: @color;
			color:#fff;
			margin: 100rpx 50rpx;
			border-radius: 60rpx;
		}
	}
</style>
